<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>ITEM - 题库</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        .box {
            width: 10px;
            height: 30px;
        }

        .main {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            display: none;
            position: fixed;
            z-index: 1;
        }

        .mainbox {
            width: 300px;
            height: 200px;
            margin: 15% 0px 15px 5px;
            background-color: #f0f0f0;
            padding: 20px;
        }

        .close {
            color: red;
            cursor: pointer;
            margin : 5%;
        }
    </style>
    <script src="{{ static('js/jquery.min.js') }}"></script>
    <script>
        $(function () {
            $(".btn").click(function () {
                $(".main").fadeIn();
            });
            $(".bj").click(function () {
                $(".main").fadeIn();
            });
            $(".close").click(function () {
                $(".main").fadeOut();
            });
        });
    </script>
    <link rel="stylesheet" type="text/css" href="{{ static('css/reset.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ static('css/main.css') }}">
    <script src="{{ static('js/jwt.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/host.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/vue-2.5.16.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/axios-0.18.0.min.js') }}"></script>
    <link href="{{ static('css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ static('css/font-awesome.min.css') }}"rel="stylesheet">
    <link href="{{ static('css/animate.min.css') }}" rel="stylesheet">
    <link href="{{ static('css/style.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href={{ static('css/global.css') }}>
    <base target="_blank">
</head>
<body>
<div class="main">
    <div class="mainbox btn-rounded" data-animation="bounce" style="margin-left:12cm;margin-top:5cm;">
        <div class="close">X</div>
        <form action="" method="post" id="editForm">
				<ul class="editInfos">
					<li><label><font color="#ff0000">* </font>分类名：<input type="text" id="L_label" name="L_label" required value="" class="ipt" /></label></li>

					<li><span class="submitBtn btn btn-info btn-rounded" style="margin-left:2.5cm;margin-top: 1cm;" onclick="form_con()">确认提交</span></li>
				</ul>
        </form>
    </div>
</div>
<div class="box">
    <input  style="margin-left:1.5cm;" class="btn btn-info btn-rounded" type="button" value="添加分类"/>
</div>
<div id="app" v-cloak>
    <ul class="settlements" v-cloak>
        <li class="col02">&ensp; &emsp;已选择<font color="#0000ff"> [[ total_selected_count ]] </font>个分类</li>
        <li class="col04"><a><span onclick="Compile()" >删除</span></a></li>
    </ul>
    <ul class="cart_list_th clearfix">
        <li class="col07"><input type="checkbox" name="" @change="on_selected_all(index)" v-model="selected_all"></li>
        <li class="col01">分类名</li>
        <li class="col03">题目数量</li>
        <li class="col05">最后更新</li>
        <li class="col06">操作</li>
    </ul>
    <ul class="cart_list_td clearfix" v-for="(cart_sku,index) in carts" v-cloak>
        <li class="col01"><input type="checkbox" name="" v-model="cart_sku.selected" @change="update_selected(index)">
        </li>
        <li class="col03">[[ cart_sku.title ]]</li>
        <li class="col05">[[ cart_sku.nums ]]</li>

        <li class="col07">[[ cart_sku.modify_time ]]</li>

        <li class="col08"><a @click="on_delete(index)" href="#" target="iframe0">删除</a></li>
    </ul>
</div>
<div style="text-align: center">
    <div style="border-top: 1px dotted #e2e2e2; text-align: center;">

        <div class="laypage-main">
            {% if page_num > 1 %}
                <a href="?page=1" class="laypage-last" title="首页" target="iframe0">首页</a>
                <a href="?page={{ page_num - 1 }}" class="laypage-prev" target="iframe0">上一页</a>
            {% endif %}
            {% if page_num - 3 > 1 %}
                <span>…</span>
            {% endif %}
            {% if page_num > 1 %}
                {% if page_num - 1 <= total_page %}
                    <a href="?page={{ page_num - 1 }}" target="iframe0">{{ page_num - 1 }}</a>
                {% endif %}
            {% endif %}
            <span class="laypage-curr">{{ page_num }}</span>
            {% if page_num + 1 <= total_page %}
                <a href="?page={{ page_num + 1 }}" target="iframe0">{{ page_num + 1 }}</a>
            {% endif %}
            {% if page_num + 2 <= total_page %}
                <a href="?page={{ page_num + 2 }}" target="iframe0">{{ page_num + 2 }}</a>
            {% endif %}
            {% if page_num + 3 <= total_page - 1 %}
                <span>…</span>
            {% endif %}

            {% if page_num < total_page %}
                <a href="?page={{ total_page }}" class="laypage-last" title="尾页" target="iframe0">尾页</a>
                <a href="?page={{ page_num + 1 }}" class="laypage-next" target="iframe0">下一页</a>
            {% endif %}


        </div>
    </div>
</div>
<script>
    {#var cart_skus = [{'id': 4, 'name': '说说你知道的 git 命令', 'selected': 'False'}, {'id': 8, 'name': 'Apple iPhone 8 Plus (A1864) 256GB 银色 移动联通电信4G手机', 'selected': 'True'}];#}
    {#var cart_skus = [{'id': 1, 'title': '打乱一个列表的元素? ', 'selected': 'False', 'modify_time': '2019-10-25 08:07:34', 'types': '单选题', 'count': 1}, {'id': 2, 'title': '打乱一个列表的元素?  a = [1, 2, 3, 4, 5]', 'selected': 'False', 'modify_time': '2019-10-25 08:07:34', 'types': '单选题', 'count': 1}];#}
    var cart_skus = {{ subject_list|safe }};
</script>

<script src="{{ static('js/jquery.min.js') }}"></script>
<script src="{{ static('js/bootstrap.min.js') }}"></script>
<script type="text/javascript" src="{{ static('js/common.js') }}"></script>
<script type="text/javascript" src="{{ static('js/host.js') }}"></script>
<script type="text/javascript" src="{{ static('js/label.js') }}"></script>
</body>
</html>